﻿.chapter-name 
{
    display: block;
    font-weight: bold;
    font-family: inherit;
    color: #644B41;
    text-align: center;
    margin: 8px 0 3px 0;
    padding: 0;
}

.chapter-info, .reader-style, .back-color-select, .autoscroll-hint
{
    text-align: center;
    color: #777777;
}

.reader-style, .back-color-select
{
    margin: 0 10px;
}

.reader-style .font-size-select span 
{
    cursor: pointer;
}

.back-color-select span 
{
    width: 0.75em;
    height: 0.75em;
    line-height: 0.75em;
    display: inline-block;
    border: 1px solid #808080;
    cursor: pointer;
}
.back-color-select .selected-color 
{
    border: 1px solid Black;
}

.selected-font-size 
{
    color: Black;
}

.chapter-info div
{
    display: inline;
    margin: 0 5px;
}



.chapter-content 
{
    font-size: 1.5em;
    line-height: 1.8em;
    word-wrap: break-word;
    padding: 0.5em 1em;
    margin: 1em 0;
    background-color: #F5F5F5;
}

.chapter-content p 
{
    text-indent: 2em;
    line-height: 1.8em;
}

.chapter-navigation
{
    clear: left;
    text-align: center;
    margin-top: 10px;
}

.chapter-navigation a
{
    padding: 0 10px;
}

#annotation-container
{
    position: relative;
    width: 100%;
    cursor: default;
    overflow: hidden;
}

#annotation-loading
{
    background-image: url(../Images/Loading.png);
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 20px;
    padding-top: 40px;
    text-align: center;
    width: 100%;
}

#annotation-post
{
    position: absolute;
    z-index: 99;
    display: none;
    width: 95%;
    padding: 2%;
    border: 1px solid #808080;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
    filter: alpha(opacity=80);
    opacity: .8;
    background-color: White;

    -moz-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#annotation-post-input 
{
    width: 200px;
}

.annotation-post-error, .annotation-post-no-content
{
    color: Red;
    display: none;
}

.annotation-post-sending 
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
    filter: alpha(opacity=90);
    opacity: .9;
    background-color: White;
    background-image: url(../Images/Loading.png);
    background-position: center 0.35em;
    background-repeat: no-repeat;
    width: 100%;
    height: 99em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
    display: none;
}

.annotation 
{
    position: absolute;
    max-width: 100%;
    margin: 3px 0;
    padding: 0;
    cursor: default;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.annotation span
{
    background-color: #F6F6F6;
    border: 1px solid transparent;
    padding: 0 5px;
    margin: 3px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.annotation-hint 
{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 10em;
    color: #CCCCCC;
    cursor: default;
}

#toggle-sidebar-button
{
    position: fixed;
    right: 0;
    bottom: 0;
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 3px 0 0 3px;
    -moz-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
    color: #CCCCCC;
    cursor: pointer;
    font-size: 150%;
    padding: 8px 15px;
    background: white;
    white-space: nowrap;
    overflow: hidden;
}

#toggle-sidebar-button.hover
{
    color: #AAAAAA;
    border-color: #CCCCCC;
}

#toggle-sidebar-button.hover .text
{
    display: inline;
}

#toggle-sidebar-button .arrow
{
    font-weight: bold;
}

#toggle-sidebar-button .text
{
    /* intended to be made visible by jQuery */
    display: none;
}

#toggle-sidebar-button .show-sidebar-text
{
    display: none;
}

.hide-sidebar #toggle-sidebar-button .show-sidebar-text
{
    display: inline;
}

.hide-sidebar #toggle-sidebar-button .hide-sidebar-text
{
    display: none;
}